<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
		<link href="css/zui.datatable.min.css" rel="stylesheet">
		<script src="js/zui.datatable.min.js"></script>
	</head>
	<body>
		<div class="y-conRightmain scrollbar-hover">
			<ol class="breadcrumb y-borderB">
			  <li><a href="your/url/">Home</a></li>
			  <li><a href="your/url/">Library</a></li>
			  <li class="active">Data</li>
			</ol>
			
			<div class="y-bgfff y-padLR-20 y-padB-20 y-marR-20 card">
				<h3 class="y-borderB y-padB-10 y-marB-20 clearfix y-marT-10">
					<span style="line-height: 30px;">发货单列表</span>
				</h3>
				
				<div class="breadcrumb y-border y-bgGaryPale clearfix">
				    <div class="col-sm-11 y-padL0 y-padR0">
					    <div class="col-sm-1 y-padL0 y-padR0">
					      <input type="text" class="form-control" placeholder="收货人">
					    </div>
						<div class="col-sm-2 y-padL0 y-padR0">
					      <input type="text" class="form-control" placeholder="订单编号">
					    </div>
					    <div class="col-sm-1 y-padL0 y-padR0">
					      <select class="form-control">
					        <option>发货状态</option>
					        <option>未发货</option>
					        <option>已发货</option>
					      </select>
					    </div>
						<button type="submit" class="btn btn-primary">检索</button>
				    </div>
					<button type="submit" class="btn btn-primary pull-right">导出表格</button>
				</div>
				
				<!-- HTML 代码 -->
				<table class="table datatable">
				    <thead>
				      <tr>
				        <th class="y-widthBig y-breakAll">订单编号</th>
				        <th>收货人</th>
				        <th>联系电话</th>
				        <th>下单时间</th>
				        <th>所选物流</th>
				        <th>物流费用</th>
				        <th>支付时间</th>
				        <th>订单总价</th>
				        <th>操作</th>
				      </tr>
				    </thead>
				    <tbody>
				      <tr>
				      	<td class="y-widthBig y-breakAll">201709121341152857</td>
				      	<td>静姐姐</td>
				      	<td>150****4850</td>
				      	<td>2017-09-13 16:37:32</td>
				      	<td>申通物流</td>
				      	<td>10</td>
				      	<td>2017-09-13 17:37:32</td>
				      	<td>1500.00</td>
				      	<td class="text-danger">
				      		<button class="btn btn-primary btn-mini" type="button" onclick="sendGoods()"><i class="icon-plane"></i> 去发货</button>
				      		<button class="btn btn-primary btn-mini" type="button" onclick="peiHuo()"><i class="icon-print"></i> 配货单</button>
				      	</td>
				      </tr>
				    </tbody>
				 </table>
			
				<div class="clearfix">
					<button class="btn" type="button">删除</button>
					<ul class="pager pager-loose pull-right">
						<li class="previous active"><a href="#">首页</a></li>
					    <li class="previous"><a href="#">上页</a></li>
					    <li class="previous"><a href="#">1</a></li>
					    <li class="previous"><a href="#">下页</a></li>
					    <li class="previous disabled"><a href="#">尾页</a></li>
				    </ul>
				</div>
			</div>
			
		</div>
				
		<script type="text/javascript">
			$('table.datatable').datatable({
				checkable: true,
				checkByClickRow:false
			});
			function sendGoods(){
				window.location.href="sendGoods.html";
			}
			function peiHuo(){
				window.location.href="printOrder.html";
			}
			
		</script>
	</body>
</html>
